<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../view/style/frameTools/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../view/style/frameTools/bootstrap/css/ionicons.min.css">
    <!--<link rel="stylesheet" href="../../view/style/frameTools/bootstrap/css/spellforce.datatimepicker.min.css">-->
    <link rel="stylesheet" href="../../view/style/frameTools/bootstrap/css/bootstrap-datetimepicker.min.css">



</head>
<body>
<input class="data form_datetime form-control" type="text" value="2016-03-07" size="16">

<!--<input size="16" class="form_datetime" type="text" value="2012-06-15 14:45" readonly >-->


<script type="text/javascript" src="../../view/js/frameTools/bootstrap/jQuery-2.1.4.min.js"></script>
<script type="text/javascript" src="../../view/js/frameTools/bootstrap/bootstrap.min.js"></script>
<!--<script type="text/javascript" src="../../view/js/frameTools/bootstrap/spellforce.datetimepicker.min.js"></script>-->
<script type="text/javascript" src="../../view/js/frameTools/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="../../view/js/frameTools/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>


<script type="text/javascript">
    //alert("fds");
    function aaa() {
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd",
            autoclose: true,
            todayBtn: true,
            todayHighlight: true,
            showMeridian: true,
            pickerPosition: "bottom-left",
            language: 'zh-CN',//中文，需要引用zh-CN.js包
            startView: 2,//月视图
            minView: 2//日期时间选择器所能够提供的最精确的时间选择视图
        });
    }

    aaa();

//        $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});

</script>
</body>
</html>